<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="/Content/jquerymobile/jquery.mobile-1.0b2.min.css" />
    <script type="text/javascript" src="/Scripts/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.mobile-1.0b2.min.js"></script>
    @RenderSection("Head", required: false)
</head>
<body>
    <div data-role="page" data-theme="b" data-add-back-btn="true">
        <div data-role="header">
            @Html.Partial("_Header.Mobile")
        </div>
        <div data-role="content">
            @RenderBody()
            @Html.Partial("_MobileNav")
        </div>
        <div data-role="footer">
            @Html.Partial("_Footer.Mobile")
        </div>
    </div>
    @RenderSection("Scripts", required: false)  
    @Html.Partial("_GoogleAnalytics")
</body>
</html>
